<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>border-style</title>

        <style type="text/css">
            p {
                background: cornsilk;
                width: 50%;
                height: 40px;
            }
        </style>
    </head>
    <body>
        <p>Default</p>

        <p style="border-style: none">none</p>

        <p style="border-style: groove">groove</p>

        <!-- 实线 -->
        <p style="border-style: solid">solid</p>

        <!-- 虚线 -->
        <p style="border-style: dotted">dotted</p>

        <p style="border-style: double">double</p>

        <p style="border-style: groove">groove</p>

        <p style="border-style: outset">outset</p>
        <p style="border-style: inset">inset</p>

        <p style="border-style: ridge">ridge</p>


        <p style="border-top-style: solid; border-bottom-style: ridge; border-right-style: double; border-left-style: dashed">border-XXX-style</p>
        <p style="border-top-style: solid; ">border-top-style</p>
    </body>
</html>